// 获取内容
var form = document.querySelector('form')
var usernameInput = document.querySelector('[name="username"]')
var passwordInput = document.querySelector('[name="password"]')

// 绑定submit事件
form.onsubmit = function () {
    // 表单校验
    // 校验用户名
    var reg = /^[a-z0-9]\w{4,11}$/
    if (!reg.test(usernameInput.value)) {
        // alert("用户名输入错误")
        // return false
        layer.msg('用户名输入错误', {
            icon: 2,
            time: 1500
        })
        return false
    }
    var reg = /\w{6,12}/
    if (!reg.test(passwordInput.value)) {
        // alert("密码输入错误")
        // return false    
        layer.msg('密码输入错误', {
            icon: 2,
            time: 1500
        })
        return false
    }

    // 调用ajax发送请求
    sendAjax({
        url: 'http://localhost:8888/users/login',
        method: 'post',
        data: {
            username: usernameInput.value,
            password: passwordInput.value,
        },
        success: res => {
            // 将json字符串转成对象
            res = JSON.parse(res)
            var {
                message,
                code
            } = res;
            // console.log(message, code);
            if (code === 1) {
                layer.msg(message, {
                    icon: 1, // 设置icon 2是错误，1是成功
                    time: 1000 // 设置提示默认显示多长时间
                }, function () {
                    // 当对话框弹出并消失以后才会执行的函数
                    // console.log(res.user);
                    // console.log(res);

                    // 本地存储 - 解决一个页面中使用另一个页面的数据
                    // 原理是将数据存储在浏览器中，两次访问用的是同一个浏览器 - 浏览器中的数据被多个页面共享
                    // 依赖域名 - 当前域名下存储的数据， 只能在当前域名中使用
                    // 语法：
                    // 存储：window.localStorage.setItem(键, 值)
                    localStorage.setItem('id', res.user.id)
                    localStorage.setItem('token', res.token)
                    // 检查本地存储中是否有url
                    var url = localStorage.getItem('url')
                    if (url) {
                        localStorage.removeItem('url')
                        location.href = url
                    } else {
                        location.href = '03.homepage.html'
                    }

                });
            } else {
                layer.msg(message, {
                    icon: 2, // 设置icon 2是错误，1是成功
                    time: 1500 // 设置提示默认显示多长时间
                });
            }
        }
    })



    return false
}